/* list */
<template xlang="wxml">
  <div class="list">
    <van-grid column-num="2" :border="false" :gutter="10">
      <van-grid-item use-slot v-for="(item,index) in 50" :key="index">
        <View
          @click="navClick()"
          style="height:100px;width:100%;"
          :style="{backgroundImage:'url(https://img.yzcdn.cn/vant/cat.jpeg)',backgroundSize:'cover'}"
        ></View>
        <View class="info">
          <div class="lft">TY1</div>
          <div class="rgt">2018-12-12-17:50:12</div>
        </View>
      </van-grid-item>
    </van-grid>
  </div>
</template>

<script>
export default {
  data: () => ({}),
  methods: {
    navClick() {
      console.log("vieoInfo");
      wx.navigateTo({ url: "/pages/vieoInfo/main" });
    }
  }
};
</script>

<style lang="less" scoped>
.info {
  height: 15px;
  width: 100%;
  font-size: 10px;
  background: rgba(0, 0, 0, 1);
  color: #fff;
  box-sizing: border-box;
  padding: 0 5px;
  display: flex;
  .lft {
    flex: 0 0 20%;
  }
  .rgt {
    flex: 0 0 80%;
    text-align: right;
  }
}
</style>